<template>
  <div class="row">
    <h1 v-if="userInfor.isInit">请搜索用户</h1>
    <h1 v-if="userInfor.isSearch">正在搜索中...</h1>
    <h1 v-if="userInfor.isSuccess">查询不到该用户😢😢😢😢😢😢😢</h1>
    <Item v-for="user in userInfor.userList" :key="user.id" v-bind="user"/>
  </div>
</template>

<script>
import Item from "./Item";
export default {
  name: "List",
  components: { Item },
  props:["userInfor"]
  
};
</script>

<style scoped>
h1{
  text-align: center;
}
</style>